<template>
  <div class="classroom-details">
    <div class="details-table">
      <el-row class="row-height" type="flex" justify="center">
        <el-col :span="12">
          <div class="div-flex">
            <div class="div-flex-left">借用人：</div>
            <div class="div-flex-last-right">{{content.borPerson}}</div>
          </div>
        </el-col>
        <el-col :span="12">
          <div class="div-flex">
            <div class="div-flex-left">经办人：</div>
            <div class="div-flex-last-right">{{content.chargePersonName}}</div>
          </div>
        </el-col>
      </el-row>
      <el-row class="row-height" type="flex" justify="center">
        <el-col :span="12">
          <div class="div-flex">
            <div class="div-flex-left">申请时间：</div>
            <div class="div-flex-last-right">{{content.applyTime}}</div>
          </div>
        </el-col>
        <el-col :span="12">
          <div class="div-flex">
            <div class="div-flex-left">借用人部门：</div>
            <div class="div-flex-last-right">{{content.borDepartmentI18n}}</div>
          </div>
        </el-col>
      </el-row>
      <el-row class="row-height" type="flex" justify="center">
        <el-col :span="12">
          <div class="div-flex">
            <div class="div-flex-left">联系方式：</div>
            <div class="div-flex-last-right">{{content.borContactPhone}}</div>
          </div>
        </el-col>
        <el-col :span="12">
          <div class="div-flex">
            <div class="div-flex-left">借用用途：</div>
            <div class="div-flex-last-right">{{content.borrowingUseI18n}}</div>
          </div>
        </el-col>
      </el-row>
      <el-row class="row-height" type="flex" justify="center">
        <el-col :span="12">
          <div class="div-flex">
            <div class="div-flex-left">借用说明：</div>
            <div class="div-flex-last-right">{{content.borExplain}}</div>
          </div>
        </el-col>
        <el-col :span="12">
          <div class="div-flex">
            <div class="div-flex-left">其他要求：</div>
            <div class="div-flex-last-right">{{content.otherRequired}}</div>
          </div>
        </el-col>
      </el-row>
      <el-row class="row-height" type="flex" justify="center">
        <el-col :span="12">
          <div class="div-flex">
            <div class="div-flex-left">是否使用多媒体：</div>
            <div class="div-flex-last-right">{{content.isMultiMediaI18n}}</div>
          </div>
        </el-col>
        <el-col :span="12">
          <div class="div-flex">
            <div class="div-flex-left">借用校区：</div>
            <div class="div-flex-last-right">{{content.campusStr}}</div>
          </div>
        </el-col>
      </el-row>
      <el-row class="row-height" type="flex" justify="center">
        <el-col :span="12">
          <div class="div-flex">
            <div class="div-flex-left">出席总人数：</div>
            <div class="div-flex-last-right">{{content.attendTotalNumber}}</div>
          </div>
        </el-col>
        <el-col :span="12">
          <div class="div-flex">
            <div class="div-flex-left">教室人数：</div>
            <div class="div-flex-last-right">{{content.classroomNum}}</div>
          </div>
        </el-col>
      </el-row>
     
      <el-row class="row-height" type="flex" justify="flex-start">
        <el-col :span="12">
          <div class="div-flex">
            <div class="div-flex-left">使用时间：</div>
            <div class="div-flex-last-right">{{content.mergeBorTimeStr}}</div>
          </div>
        </el-col>
        <el-col :span="12">
          <div class="div-flex">
            <div class="div-flex-left">已选教室：</div>
            <div class="div-flex-last-right">{{content.classroomNameStr}}</div>
          </div>
        </el-col>
      </el-row>
    </div>
  </div>
</template>


<script>
import * as API from "common/src/api/progress/progressList";
export default {
    name: "classroomApplyWorkFlowTemplate",
    props: {
      content: {
        default: null
      }
    },
    data() {
      return {
        
      }
    },
    methods: {
      blurComment(){
        this.$emit("updateComment",this.tableData.list);
      },
    },
     mounted() {
      //  console.log(this.content);
    },
}
</script>


<style lang="scss" scoped>
.classroom-details {
  .details-table {
    border: 2px solid #e5e9f2;
  }
  .row-height {
    min-height: 50px;
    text-align: center;
    border-bottom: 1px solid #e5e9f2;
    .div-flex {
      display: flex;
      height: 100%;
      &.div-left {
        justify-content: flex-start;
      }
      .div-flex-left {
        flex: 1;
        text-align: right;
        height: 100%;
        border-right: 1px solid #e5e9f2;
        background-color: rgba(245, 247, 249, 1);
        line-height: 50px;
      }
      .div-flex-last-right {
        flex: 2;
        text-align: left;
        padding: 10px;
        line-height: 30px;
      }
    }
  }
}
</style>
